var dataTable, currentRow = 0;

$(document).ready(function () {
    dtInit();
    boxes();
    borrarModalInit();
    $('#left-panel li[data-nav="publicidad"]').addClass('active');
})

function dtInit () {
    dataTable = $('#publicidades').on( 'preXhr.dt', function () {
        $('#dt-loader').show();
    }).on( 'xhr.dt', function () {
        $('#dt-loader').hide();
    }).DataTable({
        processing: false,
        serverSide: true,
        stateSave: false,
        ajax: BASE_URL+'php/providers/publicidades.provider.php',
        language: dtLanguage,
        columns: [
            { 'data': 'orden' },
            { 'data': 'descripcion' },
            { 'data': 'link' },
            { 'data': 'estado' },
            { 'data': 'categorias' },
            { 'data': 'clicks' },
            { 'data': 'impresiones' },
            { 'data': 'acciones' }
        ],
        fnDrawCallback: function( oSettings ) {
            borrar();
            //editDescripcion();
            //editLink();
            editEstado();
            $('.orden').spinner({
                min: 0,
                spin: function( event, ui ) {
                    if (event.target.timeOut) clearTimeout(event.target.timeOut);
                    event.target.timeOut = setTimeout(function () {
                        //console.log(ui.value, $(event.target).attr('data-publicidad'))
                        $.ajax({
                            type:'post',
                            url:BASE_URL+'php/controllers/publicidad.controller.php',
                            data:{
                                id:$(event.target).attr('data-publicidad'), 
                                orden: ui.value
                            }
                        })
                    }, 700);
                    
                }
            });
        },
        columnDefs: [
            { 
                sortable: false,
                targets: 6
            }
            
        ],
       order: [[ 1, "asc" ]]
    });
}

//editables
function editDescripcion () {
    $('.descripcionEditable').editable().on('save', function(e, params) {
        $.ajax({
            type:'post',
            url:BASE_URL+'php/controllers/publicidad.controller.php',
            data:{id:$(e.target).attr('data-publicidad'), descripcion: params.newValue}
        })
    });
}

function editLink () {
    $('.linkEditable').editable().on('save', function(e, params) {
        $.ajax({
            type:'post',
            url:BASE_URL+'php/controllers/publicidad.controller.php',
            data:{id:$(e.target).attr('data-publicidad'), link: params.newValue}
        })
    });
}

function editEstado () {
    $('.estadoEditable').editable({
        showbuttons: false,
        source: BASE_URL+'php/providers/estados.provider.php',
        sourceCache:true
    }).on('save', function(e, params) {
        $.ajax({
            type:'post',
            url:BASE_URL+'php/controllers/publicidad.controller.php',
            data:{id:$(e.target).attr('data-publicidad'), estado: params.newValue}
        })
    });
}


function borrar () {
    var id;
    $('.borrarPublicidad').click(function (event) {
        id = $(this).attr('data-id');
        event.preventDefault();
        borrarModalInit();
        $('#myModal').modal('show');
        $('#myModal #modalAction').click(function () {
            $('#myModal .modal-footer button').unbind('click');
            loaderModalInit();
            $.ajax({
                type:'post',
                url: BASE_URL+'php/controllers/borrarPublicidad.controller.php',
                data:{id:id},
                success: function () {
                    
                    $('#myModal').modal('hide');
                    $('#row'+id).fadeOut(
                        500,
                        function () {
                            $('#row'+id).remove();
                            if ($('#publicidades tbody tr').length == 0) {
                                dataTable.ajax.reload();
                            }
                        }
                    )
                    
                }
            })
        })
    })
}

function borrarModalInit () {
    $('#myModal #myModalLabel .text').html('Borrar Publicidad');
    $('#myModal #myModalLabel .jarviswidget-loader').hide();
    $('#myModal .modal-body p').html('¿Está seguro que desea borrar esta publicidad?');
    $('#myModal #modalAction').html('Borrar').addClass('btn-danger');
    $('#myModal .modal-footer button').attr('disabled', false);
}

function loaderModalInit () {
    $('#myModal #myModalLabel .jarviswidget-loader').show();
    $('#myModal .modal-body p').html('Por favor espere...');
    $('#myModal .modal-footer button').attr('disabled', true);
}

function boxes () {
    if (document.location.hash == '#new') boxSuccess('La publicidad se cargó con éxito');
    if (document.location.hash == '#edit') boxSuccess('La publicidad se editó con éxito');
    if (document.location.hash == '#error1') boxError('El formato del banner no es válido. Sólo se aceptan los siguientes formatos: jpg, png, gif y swf');
    if (document.location.hash == '#error2') boxError('El archivo flash no coincide con el tamaño especificado');
}